/*
 * @Author: wangxin 
 * @Date: 2018-11-08 14:52:54 
 * @Last Modified by: wangxin
 * @Last Modified time: 2018-11-12 14:48:17
 */

// 返回顶部
goTop()

/* 事件 */
function eventFun() {

  $$('#search').on('click', function(){
    window.location.href = './selectionSearch.html'
  });

  $$('.bar-left').on('click', function () {
    window.history.go(-1)
  });

  // 点击排序显示下拉菜单
  $$('#sort').on('click', function () {
    $$('.sort-down').fadeToggle('normal')
  })

  // 点击排序项隐藏下拉菜单
  $$('.sort-item').on('click', function () {
    const _this = $$(this)
    _this
      .addClass('active')
      .parent()
      .siblings()
      .children('.active')
      .removeClass('active')
    $$('.sort-down').fadeOut()
  })
  // 点击筛选显示下拉菜单
  $$('#filters').on('click', function () {
    $$('.filter-down').fadeToggle('normal')
  });

  // 点击筛选项隐藏下拉菜单
  $$('.filter-item').on('click', function () {
    const _this = $$(this)
    _this
      .addClass('active')
      .parent()
      .siblings()
      .children('.active')
      .removeClass('active')
    $$('.filter-down').fadeOut()
  });

  // 切换商品列表显示方式
  $$('#goods-icon').on('click', function () {
    // console.log($$('.content').scrollTop())
    $$('.content').scrollTop(0)
    const _this = $$(this)
    _this.toggleClass('icon-toggle')
    if (_this.hasClass('icon-toggle')) {
      $$('.goods-card').css('display', 'none');
      $$('.goods-list').css('display', 'block');
    } else {
      $$('.goods-card').css('display', 'block');
      $$('.goods-list').css('display', 'none');
      // // 重新启动goods-card的无限滚动
      // $.attachInfiniteScroll($('.infinite-scroll .goods-card'));
    }
    // 重新启动goods-list的无限滚动
    $.attachInfiniteScroll($('.infinite-scroll'));
    $('.infinite-scroll-preloader').show()
  });

  $$('body').on('click', function (even) {
    if (!$$(even.target).is($$('#sort'))) {
      $$('.sort-down').fadeOut();
    }
    if (!$$(even.target).is($$('#filters'))) {
      $$('.filter-down').fadeOut();
    }
  })
}
eventFun()

function infiniteFun() {
  var params = {}
  //多个标签页下的无限滚动
  var loading = false;
  // 每次加载添加多少条目
  var itemsPerLoad = 10;
  var tabIndex = 0;
  // 最后加载数
  var lastIndex = 0;

  $(document).on('infinite', function () {
    // 如果正在加载，则退出
    if (loading) return;
    // 设置flag
    loading = true;

    if ($('#goods-icon').hasClass('icon-toggle')) {
      tabIndex = 1
      lastIndex = $('.goods-list .list-container li').length
    } else {
      tabIndex = 0
      lastIndex = $('.card-flex-box').length
    }

    net_request('get', `api/v1/mallproducts?limit=${itemsPerLoad}&offset=${lastIndex}`, params,
      function (res) {
        // console.log(res)
        if (res.success) {
          loading = false;
          alert(JSON.stringify(res))
          if (res.data.list.length > 0) {
            addItems(itemsPerLoad, lastIndex);
          }
          if (res.data.list.length < itemsPerLoad) {
            // 加载完毕，则注销无限加载事件，以防不必要的加载
            $.detachInfiniteScroll($('.infinite-scroll'));
            // if (tabIndex === 0) {
            //   $.detachInfiniteScroll($('.infinite-scroll .goods-card'));
            //   // $('.goods-card .infinite-scroll-preloader').hide();
            // }
            // if (tabIndex === 1) {
            //   // $.detachInfiniteScroll($('.infinite-scroll .goods-list'));
            //   // $('.goods-list .infinite-scroll-preloader').hide();
            // }
            $('.infinite-scroll-preloader').hide();
            return;
          }
          if (tabIndex === 0) {
            lastIndex = $('.card-flex-box').length;
          }
          if (tabIndex === 1) {
            lastIndex = $('.goods-list .list-container li').length
          }
        }
      },
      function (err) {
        alert(JSON.stringify(err))
      }
    );

    function addItems(number, lastIndex) {
      console.log(number)
      console.log(lastIndex)
      // 生成新条目的HTML
      var html = '';
      for (var i = lastIndex + 1; i <= lastIndex + number; i++) {
        html += `<li class="item-content" onClick="alert(1)"><div class="item-inner"><div class="item-title">新条目${i}</div></div></li>`;
      }
      // 添加新条目
      if (tabIndex === 0) {
        $('.infinite-scroll .goods-card').append(html)
      } else {
        $('.infinite-scroll .list-container').append(html);
      }
    }
  });
}
infiniteFun();

//需要初始化传递数据的函数，函数名，跟参数都不要变，固定写死的
function getParams(data) {
  // data需要转成json调用 ，函数urlParamParseJson();
  /*var jodata = JSON.parse(data); 
  if(isNotNull(jodata)){//
     
  }*/
  if (isNotNull(data)) {
    // $$("#div_version").html("版本号：V"+data);
  }
}

// 初始化
$(function () {
  $.init()
})